<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>青年帮</title>
		<link type="text/css" href="css/kkk.css" rel="stylesheet" />
	</head>

	<body id="index">

		<header class="top">
			<div class="hd">
				<a href="#" class="logo"><img src="img/logo_k.png"></a>
				<nav>
					<ul>
						<li>
							<a href="#" class="index">首页</a>
						</li>
						<li>
							<a href="#" class="case">案例展示</a>
						</li>
						<li>
							<a href="#" class="news">最新文章</a>
						</li>
						<li>
							<a href="#" class="bang">帮店助手</a>
						</li>
						<li>
							<a href="#"target="_blank">设计导航</a>
						</li>

					</ul>
				</nav>
				<div class="us">
					关注我们
					<div class="box">
						<ul>
							<li><span>QQ：</span>513894357</li>
							<li><span>Tel：</span>13065018050</li>
						</ul>
						<p><img src="img/weixin_k.png">微信公众号</p>
						<p><img src="img/zcool_k.png">站酷主页</p>
					</div>
				</div>
			</div>
		</header>

		<article class="content">
			<header>
				<h2>Web art service<div></div><div></div><div></div><div></div><div></div><div></div></h2>
				<h1>为web艺术提供高端服务</h1>
				<p>青年帮创意工坊，提供优秀的设计制作，高端的学习教程，最新的技术分享</p>
				<div class="quxian1 quxian"></div>
				<div class="quxian2 quxian"></div>

			</header>

			<section>
				<ul class="serv">
					<li>
						<a href="#">网页设计</a><img src="img/fuwu_quan.png"></li>
					<li>
						<a href="#">网店装修</a><img src="img/fuwu_quan.png"></li>
					<li>
						<a href="#">UI设计</a><img src="img/fuwu_quan.png"></li>
					<li>
						<a href="#">精品课程</a><img src="img/fuwu_quan.png"></li>
				</ul>
			</section>

		</article>

		<div class="art">
			<header>
				<h1>最新文章 <span>&amp;</span> 动态</h1>
				<p>We are here to have the latest original articles and design tutorials and the latest personal views to help you.</p>
			</header>

			<ul>
				<li>
					<div><img src="img/news_k.png" width="14">最新文章</div>
					<a href="newsshow.php?cid=26&amp;id=127">做好设计，这三种方法绝对会帮助到你</a><time datetime="">2016-08-19 22:19</time></li>

				<li>
					<div><img src="img/news_k.png" width="14">最新文章</div>
					<a href="newsshow.php?cid=26&amp;id=109">dw cs6破解版下载，最详细的dw cs6破解版安装教程</a><time datetime="">2016-07-13 14:48</time></li>

				<li>
					<div><img src="img/news_k.png" width="14">最新文章</div>
					<a href="newsshow.php?cid=26&amp;id=22">如何实现网页图片按需滚动分屏无限加载？</a><time datetime="">2015-10-07 12:03</time></li>

				<li>
					<div><img src="img/news_k.png" width="14">最新文章</div>
					<a href="newsshow.php?cid=26&amp;id=21">【第2期】平面设计转战网页美工/淘宝美工</a><time datetime="">2015-09-30 23:51</time></li>

				<li>
					<div><img src="img/news_k.png" width="14">最新文章</div>
					<a href="newsshow.php?cid=26&amp;id=20">淘宝美工海报制作思路教程1【个人总结：在平面设计与网页设计中积...</a><time datetime="">2015-09-30 16:35</time></li>

			</ul>

		</div>

		<div class="copyright">
			Copyright © 2010 - 2018 qingnian8.com All Rights Reserved
		</div>

	</body>

</html>